
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,
li, dl, dt, dd, form, a, fieldset, input, th, td,i
{margin: 0; padding: 0; border: 0; outline: none; font-style: normal; font-weight: normal;}
html{ height: 100%;}
body{font-family: "微软雅黑";font-size: 14px;height: 100%;background: #f2f2f2;color:#666666;}
ul, ol{list-style: none;}
a{color: black;text-decoration: none;}
a:hover{text-decoration: none;}
img{/*max-width: 100%;*/width: auto;height: auto;vertical-align: top;border: none;}
li{
  list-style: none;
}
.footer{
  width:100%;
  display:flex;
  height:50px;
  background:#ffffff;
  position:fixed;
  bottom:0;
  border-top: 1px solid #e2e2e2;
}
.footer .nav-lis{
  width:20%;
  text-align: center;
  height:50px;
}
.footer .nav-lis .icon{
  background-size: 100% 100%;
  display:block;
  height: 21px;
  width: 21px;
  margin:0 auto;
  margin-top: 0.35rem;
}
.footer .nav-lis p{
  font-size:12px;
  width:100%;
  text-align:center;
  margin-top:3px;
  color:  #666666;
}
.footer .nav-lis p.active{

  color:#ff0808;
}
.footer .nav-lis .icon.icon-hd{
  background: url("../images/hud-icon.png") no-repeat center center;
  background-size: 100% 100%;
}
.footer .nav-lis .icon.icon-hd.active{

  background: url("../images/hud-icon-active.png") no-repeat center center;
  background-size: 100% 100%;
}
.footer .nav-lis .icon.icon-order{

  background: url("../images/order-icon.png") no-repeat center center;
  background-size: 100% 100%;
}
.footer .nav-lis .icon.icon-order.active{

  background: url("../images/order-icon-active.png") no-repeat center center;
  background-size: 100% 100%;
}
.footer .nav-lis .icon.icon-jz{
  background: url("../images/jiesuan-icon.png") no-repeat center center;
  background-size: 100% 100%;
}
.footer .nav-lis .icon.icon-jz.active{
  background: url("../images/jiesuan-icon-active.png") no-repeat center center;
  background-size: 100% 100%;
}
.footer .nav-lis .icon.icon-zk{
  background: url("../images/discount-icon.png") no-repeat center center;
  background-size: 100% 100%;
}
.footer .nav-lis .icon.icon-zk.active{
  background: url("../images/discount-icon-active.png") no-repeat center center;
  background-size: 100% 100%;
}
.footer .nav-lis .icon.icon-wd{
  background: url("../images/mine-icon.png") no-repeat center center;
  background-size: 100% 100%;
}
.footer .nav-lis .icon.icon-wd.active{
  background: url("../images/mine-icon-active.png") no-repeat center center;
  background-size: 100% 100%;
}
.zhanwei{
  height: 70px;
  width: 100%;
  background: #F2F2F2;
}

#backtop{
  background: url("../images/back-top.png") no-repeat center center;
  background-size: 100% 100%;
  width:2.5rem;
  height:2.4rem;
  position:fixed;
  right:0.5rem;
  bottom:2rem;
  display: none;
}
.backTo{
  width: 50px;
  height: 25px;
  border: 1px solid #e5e5e5;
  border-radius: 30px;
  position: fixed;
  right: 0.35rem;
  bottom: 12%;
  color: #333333;
  font-size: 12px;
  line-height: 25px;
  text-align: center;
  z-index: 99;
  display: block;
}



 
